<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>服装</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<link href="style/main.css" rel="stylesheet" />
<style type="text/css">
body{ background:#FFF url(images/nav2.gif) center 117px repeat-x; font-size:12px; font-family:tahoma,Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
p,img,ul,li,form,table,h5,h4,h3,h2,h1{border:none; margin:0px; padding:0px; list-style:none;}
h5,h4,h3,h2,h1,textarea { font-size:12px;}
.fleft { float:left;}
.fright { float:right;}
.toleft { text-align:left;}
.toright { text-align:right;}
.tocenter {}
table { border-collapse:collapse;}
td { padding:0; vertical-align:top;}
a { text-decoration:none; color:#990000;}
b{ margin:0px; padding:0px;}
a:hover { text-decoration:underline; color:#cc0000;}
.clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { display:inline-block;}
.clear { display:block;}
.Zclear { clear:both; line-height:1px; visibility:hidden;}
.size14 { font-size:14px; padding:0 5px;}
.gray_font { color:#999;}
.impt { font-size:14px; font-weight:bold; color:#F00;}
.bold { font-weight:bold;}
.gray_bg { background-color:#fafafa;}
.mt_10px { margin-top:10px;}
.pad { padding:10px;}
.pad_l { padding-left:10px;}
.mr_10px { margin-right:10px;}
/*================== public ================*/
.top{margin:10px 0;}
.box { margin-bottom:8px;}
.wintop { background:url(images/nav3.gif) no-repeat; height:26px; line-height:26px;}
.wintop span { float:left; padding-left:1em; font-weight:bold; color:#fff;}
.wintop .more { float:right; background:url(images/icos.gif) right -18px no-repeat;background-position: right -20px\9; _background-position: right -18px; padding-right:17px; color:#fff;}
.border { border:solid 1px #e4e4e4; border-top:none; padding:0 8px 8px;}

.big_top { background:url(images/top_bg.gif) left -130px repeat-x; height:28px; line-height:28px;}
.big_top_r { float:right; background:url(images/top_bg.gif) left -158px no-repeat; padding-right:4px; height:28px; line-height:28px;}
.big_top .title { float:left; background:url(images/top_bg.gif) left -102px no-repeat; padding-left:15px; color:#FFF; font-weight:bold;}
.big_border { border:solid 1px #5c5c5c; border-top:none;}


/*================== star ================*/
.star_0,.star_1,.star_2,.star_3,.star_4,.star_5 {display:inline-block; *display:inline; zoom:1; background:url(images/starts.png) no-repeat; width:64px; height:14px;}
.star_0 { background-position:left top;}
.star_1 { background-position:left -20px;}
.star_2 { background-position:left -40px;}
.star_3 { background-position:left -60px;}
.star_4 { background-position:left -80px;}
.star_5 { background-position:left -100px;}

/*================== buttons ================*/
.first,.second,.third { display:inline-block; background:url(images/buttons.gif) left -72px no-repeat; height:24px; line-height: 24px; padding-left:15px; color:#FFF; font-weight:bold;}
.first span,.second span,.third span { display:inline-block;background:url(images/buttons.gif) right -72px no-repeat; padding-right:15px; cursor:pointer;}
.first:hover,.second:hover,.third:hover { color:#FFF; text-decoration:none;}
.second { background-position:left -96px;}
.second span { background-position:right -96px;}
.third { background-position:left -120px; color:#333;}
.third span { background-position:right -120px; color:#333;}

/*================== page_box ================*/
.page_box { margin:10px 0; display:inline-block; *display:inline; zoom:1;}
.page_box a { float:left; margin:0 2px; height:14px; padding:2px 7px; border:solid 1px #e5e5e5; background-color:#f8f8f8;}
.page_box a:hover { color:#F00; background-color:#f2f2f2; border-color:#ddd;}
.page_box a.current,.page_box a.current:hover { font-weight:bold; color:#F00;border:solid 1px #e5e5e5; background-color:#f8f8f8; cursor:default; text-decoration:none;}
.page_box .unable,.page_box .unable:hover { color:#999;border:solid 1px #e5e5e5; background-color:#f8f8f8; cursor:default; text-decoration:none;}

/*=============== header ===========*/
#pagewrapper { width:950px; margin:0 auto;}
.header { width:950px; margin:0 auto;margin-bottom:10px; }
.logo { float:left; margin:1px 0 0 10px;}
.top_bar { float:right; margin-top:10px; height:14px; line-height:14px; overflow:hidden;}
.top_bar li {display:inline-block; margin-left:8px; *display:inline;*zoom:1; color:#666;}
.top_bar li a span {font-weight:bold; font-family:宋体;}
.top_bar li a { color:#990000;}
.top_bar li a:hover {color:#cc0000;}
.menu {height:36px; line-height:36px; display:inline-block; *display:inline; zoom:1;}
.menu li {float:left; margin:0 10px;}
.menu li a {color:#FFF; font-size:14px; padding-left:15px;}
.menu li a:hover {text-decoration:underline;color:#C8F304;}
.menu li a span,.menu li a:hover span{ padding-right:15px;}
.menu li a.current,.menu li a:hover {}
.menu li a.current span,.menu li a:hover span {}

.search_bar { background:url(images/top_bg.gif) left top repeat-x; height:34px;}
.search_bar p { float:left; background:url(images/top_bg.gif) left -34px no-repeat; padding-left:15px;height:34px; line-height:34px;}
.search_bar p a { background:url(images/icos.gif) left -50px no-repeat; padding-left:8px; color:#666; margin:0 10px;}
.search_bar p a:hover { color:#C00;}
.search_box { float:right; padding:5px 15px 0 0;background:url(images/top_bg.gif) right -68px no-repeat;height:29px;}
.search_text { float:left; width:250px; border:solid 1px #cc0000; height:18px; background: #ffffff url(images/icos.gif) 4px 4px no-repeat; color:#999; padding:3px 0 0 18px;}
.search_btn { float:left; background:url(images/btns.gif) left -30px no-repeat; width:37px; height:23px; color:#FFF; border:none; padding:0; cursor:pointer;}

/*================= main ================*/
.main { clear:both;}
.left { float:left; width:715px; margin-right:8px; display:inline;}
.right { float:right; width:227px;}
/*== left ==*/
.flash { margin-bottom:8px;}
.friends { margin-bottom:8px; height:30px; border: solid 1px #CCC; background-color:#f8f8f8;}
.huoban { float:left; margin:8px 10px 0px; display:inline; color:#333;}
.huoban marquee { float:left; width:250px;}
.huoban a { margin:0 8px;}
.new,.hot { background:url(images/show_top.gif) left top repeat-x; margin-bottom:8px; border:solid 1px #e4e4e4; border-top:none;}
.impt_top { padding-top:8px; margin-bottom:8px;}
.impt_top span { float:left; margin-left:1em; font-size:14px; font-weight:bold; color:#C00;}
.impt_top a { float:left; margin-left:2em; display:inline; background:url(images/btns.gif) -37px -30px no-repeat; height:16px; width:46px;}
.p_list { padding:0 5px;}
.p_list li { float:left; margin:0 10px 5px; _margin-bottom:0; display:inline; width:120px; text-align:center;}
.p_img { display:block; width:120px; height:120px;}
.p_name { display:block; line-height:16px; text-align:center; padding:5px 0;color:#666;}
.p_name:hover { color:#000;}
.p_price { text-align:center; color:#900; font-size:14px; font-weight:bold;}
/*== right ==*/
.text_list li { padding-top:8px; background:url(images/icos.gif) left -63px no-repeat; *background-position: left -61px; padding-left:10px;}
.text_list li a { color:#666;}
.sort li { padding-top:10px;}
.sort li p { padding-bottom:3px; border-bottom: dotted 1px #CCC;}
.sort li p a { font-weight:bold; color:#333; background:url(images/icos.gif) left -102px no-repeat; padding-left:12px;}
.sort li div { padding-top:5px;}
.sort li div a { padding-right:12px; line-height:20px; color:#666;}
.sort li div a:hover { color:#c00;}
/*===== show ====*/
.show { border: solid 1px #f36; margin-bottom:8px;zoom:1;}
.show_top { background:url(images/repeat.gif) left top repeat-x; height:30px; overflow:hidden; margin-bottom:5px;}
.show_title { float:left; width:200px; font-size:14px; font-weight:bold; color:#f36; padding:6px 0 0 1em; border-top: solid 8px #f36;}
.show_hot { float:right; }
.show_hot a { padding-right:20px; color:#999; line-height:30px;}
.show_hot a.more { color:#666;}
.show_hot a:hover { color:#333;}
.show_ad { float:left; margin:0 20px 10px 14px; _margin-right:10px; display:inline; width:190px; height:400px;}
.show .p_list { float:left; width:710px;}
/* 紫红色 */
.fuchsia { border-color:#cc6699;}
.fuchsia .show_top { background-position: left -30px;}
.fuchsia .show_title {border-color:#cc6699; color:#993366;}
.show_list li {float:left; margin:0 10px 20px; display:inline; width:120px; text-align:center;}
/* 中间特殊版块 */

/* 淡红色 */
.damask { border-color:#ffcccc;}
.damask .show_top { background-position: left -90px;}
.damask .show_title {border-color:#ffcccc; color:#ff6666;}
.damask .show_ad { height:185px;}
/* 淡紫罗兰 */
.pansy { border-color:#ffccff;}
.pansy .show_top { background-position: left -120px;}
.pansy .show_title {border-color:#ffccff; color:#cc66cc;}
.pansy .show_ad { height:185px;}

/*================= bottom ================*/
.bottom { border: solid 1px #e2e2e2;width:934px; margin:0 auto; padding:8px; margin-bottom:8px;}
.bottom li { float:left; border-left:solid 0px #f2f2f2; padding-left:18px; margin:0 8px 0 8px; display:inline}
.bottom li p { padding-top:8px; padding-bottom:2px; border-bottom:solid 1px #f2f2f2;}
.bottom li h5 { font-size:14px; background:url(images/bottom_ico.gif) no-repeat; padding-left:35px; line-height:31px;}
.bottom li h5.bangzhu { background-position: left top;}
.bottom li h5.dinggou { background-position: left -31px;}
.bottom li h5.zhifu { background-position: left -62px;}
.bottom li h5.peisong { background-position: left -93px;}
.bottom li h5.huiyuan { background-position: left -124px;}
.bottom li h5.shanglu { background-position: left -155px;}
.bottom li h5.about { background-position: left -186px;}
.bottom li a { color:#999; background:url(images/icos.gif) left -87px no-repeat; padding-left:10px;}
.bottom li a:hover { color:#333;}


/*=================================================== search.html ==================================================*/
.sider { float:left; width:227px; margin-right:8px;}
.contain { float:right; width:715px; margin-bottom:8px;}
.goods_box { padding:10px; border-bottom:dotted 1px #CCC; clear:both;}
.goods_img { float:left; width:100px; height:100; margin-right:15px; border:solid 1px #eee;}
.goods_img:hover { border-color:#666;}
.goods_box ul { float:left; width:570px;}
.goods_name { color:#06c;}
.goods_name span { color:#c00; font-weight:bold;}
.goods_name:hover { color:#06F;}
.goods_price { color:#c00; padding:5px 0;}
.goods_price span { font-size:14px; font-weight:bold; color:#F00;}
.goods_price span span {font-size:16px;}
.goods_box li p a { color:#666; line-height:18px;}
.goods_box li p a:hover { color:#333;}
.goods_box li .star_0,.goods_box li .star_1,.goods_box li .star_2,.goods_box li .star_3,.goods_box li .star_4,.goods_box li .star_5 { margin-left:8px;}

.tips { padding:8px 12px; background-color:#ffffcc; border:dotted 1px #ffcc00; margin-bottom:8px;}
.tips p { color:#C00;}

/*=================================================== detail.html ==================================================*/
/* 购物车 */
.goods_incart li { padding:8px 0; border-bottom:dotted 1px #CCC;}
.incart_img,.hot_img { float:left; width:50px; height:50px; margin-right:10px; border:solid 1px #eee;}
.incart_img:hover,.hot_img:hover { border-color:#666;}
.goods_incart li .fleft { width:140px;}
.goods_incart li .fleft a { color:#666;}
.goods_incart li .fleft p { padding-top:5px; text-align:left;}
/* 热销排行 */
.hot_list li { padding:8px 0;}
.hot_goods { float:left; width:140px; padding-top:3px;}
.hot_goods a { color:#333;}
.hot_goods a:hover { color:#900;}
.hot_price { color:#C00; font-weight:bold;}
.hot_price span { font-size:14px;}
.p_num { color:#999;}
.p_num span { color:#900; font-weight:bold; padding:0 2px;}
/* 商品信息 */
.goods_info { margin-bottom:8px;}
.goods_show { float:left; width:302px; position:relative;}
.show_img { width:300px; height:300px; border:solid 1px #CCC;}
.img_list { margin-top:8px;}
.img_list li { float:left; margin:0 4px; _display:inline;}
.img_list li a { display:block; height:50px; width:50px; border:solid 1px #eee;}
.img_list li a:hover { border:solid 1px #999;}
.zoom_in { position:absolute; top:5px; left:7px; display:block; width:55px; height:16px; padding:4px 0 2px 24px; background:#FFF url(images/bottom_ico.gif) 5px -190px no-repeat;  color:#666;}
.zoom_in:hover { color:#000; text-decoration:none;}
.goods_detail { float:left; margin-left:10px; display:inline; width:400px;}
.goods_detail li { padding:10px 10px 5px 10px; border-bottom:dotted 1px #CCC; color:#666;}
.goods_detail li span { color:#990000;}
.g_name { font-size:14px; font-weight:bold; color:#C00; line-height:18px; text-align:center; width:100%; height:28px; line-height:28px; border-bottom:1px #999 solid; margin-bottom:15px;}
span.market_price { text-decoration:line-through;}
.goods_detail span.impt { font-size:14px; font-weight:bold; color:#F00;}
.goods_detail span.impt span { font-size:16px; color:#F00;}
.goods_detail li.sales_promotion { color:#996633; line-height:18px;}
.buy_btn,.to_cart,.collection { float:left; margin:12px 10px 0 0; display:block; _display:inline; height:36px; width:143px; background:url(images/buttons.gif) no-repeat;}
.buy_btn { margin-left:5px; background-position: left top;}
.to_cart { background-position:left -36px;}
.collection { background-position:left -144px; width:83px; margin-right:5px;}
/*捆绑促销*/
.truss { margin-bottom:8px; background:url(images/repeat.gif) left -151px repeat-x; border: solid 1px #ffcccc;}
.truss h5 { padding:8px 0 8px 1em; color:#C00;zoom:1;}
.p_box { float:left; padding-bottom:10px; width:530px; margin:0 20px 0 12px; display:inline; overflow-x:auto;overflow-y:hidden;}
.truss ul li { float:left;}
.truss ul li a { float:left; height:80px; width:80px; border:solid 1px #eee;}
.truss ul li a:hover { border-color:#ccc;}
.truss ul li b { float:left; margin:33px 8px 0; background:url(images/bottom_ico.gif) left -224px no-repeat; width:14px; height:14px; }
.truss .fleft { color:#333; line-height:20px;}
.line-through { text-decoration:line-through;}
.pad_top { padding-top:10px;}
/*商品详情*/
.detail { margin-bottom:8px;}
.tabs { border-bottom:solid 1px #666;}
.tabs li { float:left; padding-right:5px;}
.tabs a { display:block; background:url(images/btns.gif) left -80px no-repeat; width:90px; height:27px; line-height:27px; text-align:center; font-weight:bold; color:#333;}
.tabs a.current { background-position: left -53px; color:#FFF; text-decoration:none;}
.opinion { color:#666; border-bottom:solid 1px #CCC; margin-bottom:12px;}
.opinion p { line-height:20px; border-bottom: dotted 1px #CCC; padding:6px 0 2px 5px;}
.opinion .pad_l span { font-weight:bold; color:#333;}
.opinion_detail { color:#993300;}
.opinion_back { color:#996633;}
.opinion a { padding:2px 5px; border:solid 1px #CCC; margin-right:10px;}
.opinion a.current { border:none; cursor:default; color:#666; font-weight:bold;}
.opinion a.current:hover { text-decoration:none;}
.to_say { border:solid 1px #CCC; padding:5px;}
.to_say img { vertical-align:middle;*vertical-align:text-bottom;}
.to_say p { padding-bottom:5px;}
.to_say textarea { width:675px;}
/*其他产品*/
.other {background:url(images/show_top.gif) left -10px repeat-x; padding:;}
.other h5 { padding:8px 0 5px 12px; font-size:14px;}
.other ul { padding-left:5px;}


/*====================================================qq ==================================================*/
.qq_box { background:url(images/QQ_bg.gif) no-repeat bottom right; border:3px #9f0000 solid; width:180px; height:auto; padding:10px;position:fixed; _position:absolute;bottom:0;right:0;}
.qq_table  td{ padding:2px; vertical-align:middle;}
.qq_box h2 { font-size:14px; font-weight:bold; color:#ab0000;}


/*====================================================弹出层 ==================================================*/
#page{ width:950px; margin:0 auto;}
.pop_box .hd,.pop_box .rc-tp, .pop_box .rc-tp span,.pop_box .rc-bt, .pop_box .rc-bt span {background: url(images/box_bg.png) no-repeat;}
.pop_box .rc-tp, .pop_box .rc-bt {position: relative; display: block;height: 4px;}
.pop_box .rc-tp span, .pop_box .rc-bt span { float: right;width: 4px;height: 4px;}
.pop_box .rc-tp {margin-bottom: -4px;background-position: -3px 0;}
.pop_box .rc-bt {margin-top: -4px;background-position: -3px -3px;}
.pop_box .rc-bt span { background-position: 0 -3px;}
.pop_box .hd {height: 26px;border: 1px solid #f4afaf; border-bottom: none;background-color: #f8e3eb;background-position: 0 -7px;background-repeat: repeat-x;}
.pop_box .hd h3 {font-size: 12px;color:#333333;padding-left:10px; font-weight:normal; }
.pop_box .bd { padding:10px;border: 1px solid #f4afaf;border-top: none; background-color: #fff9f9;position:relative; }
.pop_box .bd  p{text-align:center; line-height:30px; color:#666; clear:both; height:auto;}
.pop_box .bd  strong { color:#FF0000; margin:0 3px;}
.pop_box .bd  .third { font-weight:normal}

.pop_box .rc-tp,.pop_box .rc-bt { _overflow: hidden;}
.pop_box .hd h3,.pop_box .act { *line-height: 23px; _line-height: 21px;}

.ico_succeed { background:url(images/ico_pop.png) no-repeat left  top;display:inline-block; *display:inline; zoom:1; padding-left:17px;height:26px; line-height:26px;}
.ico_close {background:url(images/ico_pop.png) no-repeat left -26px; width:9px; height:10px; position:absolute;right:10px; top:6px;}

</style>
</head>

<body>
<div id="wrap">
	<div class="side_nav">
       <p>您好，欢迎来到好靓购物广场！<a href="#">[请登录]</a> <a href="#">[免费注册]</a></p>
        <ul class="quick_menu">
           <li><a href="#">我的宝贝</a></li>
           <li><a href="#">我要买</a></li>
           <li><a href="#">收藏夹</a></li>
           <li><a href="#">购物车</a></li>
           <li><a href="#">付款方式</a></li>
           <li><a href="#">社区</a></li>
           <li><a href="#">帮助</a></li>
           <li><a href="#">会员活动</a></li>
           <li><a href="#">更多服务</a></li>
        </ul>
    </div>
	 <!--header start-->
	<div class="header">
    	<div class="top clear">
        	<a class="logo" href="#"><img src="images/logo.jpg" width="240" height="65" alt="返回首页" /></a>
            <ul class="top_bar clear">
            	<li>您好！欢迎光临XX商城！</li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">订单查询</a></li>
                <li><a href="#">购物车[<span>5</span>]</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
		</div>
        <div class="tocenter">
            <ul class="menu">
                <li><a class="" href="#">首页</a></li>
                <li><a href="#">潮流女</a></li>
                <li><a href="#">精品配饰</a></li>
                <li><a href="#">童装母婴</a></li>
                <li><a href="#">家居用品</a></li>
                <li><a href="#">美容保健</a></li>
                <li><a href="#">箱包鞋帽</a></li>
                <li><a href="#">优惠特价</a></li>
            </ul>
            <div class="Zclear"></div>
        </div>
        <div class="search_bar">
            <p>关注热点：<a href="#">羊绒大衣</a><a href="#">保湿面膜</a><a href="#">懒人毯</a><a href="#">艾格</a></p>
            <div class="search_box">
                <input class="search_text" name="" type="text" value="请输入您要搜索的商品名"/>
                <input class="search_btn" name="" type="button" value="搜索" />
            </div>
        </div>
    </div>
 <!--header end--> 
 <!--main start-->    
	<div class="main clear">
       <!--sider start-->  
    	<div class="sider">
         <!--商品分类-->    
        	<div class="box">
            	<div class="wintop">
                	<span>商品分类</span>
                    <a class="more" href="#">更多</a>
                    <div class="zclear"></div>
                </div>
                <div class="border">
					<ul class="sort">
                    	<li>
                        	<p><a href="#">潮流服饰</a></p>
                       		<div><a href="#">T恤</a><a href="#">连衣裙</a><a href="#">卫衣</a><a href="#">毛线衣</a><a href="#">短外套</a><a href="#">风衣</a><a href="#">羽绒服</a><a href="#">牛仔裤</a><a href="#">内衣</a></div>
						</li>
                        <li>
                        	<p><a href="#">精品配饰</a></p>
                       		<div><a href="#">毛衣链</a><a href="#">耳环</a><a href="#">钻戒</a><a href="#">项链</a><a href="#">头花</a><a href="#">手镯</a><a href="#">贝雷帽</a><a href="#">鸭舌帽</a></div>
                        </li>
                        <li>
                        	<p><a href="#">童装母婴</a></p>
                        	<div><a href="#">益智玩具</a><a href="#">亲子装</a><a href="#">爬服</a><a href="#">防辐射服</a><a href="#">精油</a><a href="#">摇篮</a><a href="#">童车</a><a href="#">积木</a></div>
                        </li>
                        <li>
                        	<p><a href="#">家居用品</a></p>
                        	<div><a href="#">拖把</a><a href="#">调味罐</a><a href="#">拖鞋</a><a href="#">收纳盒</a><a href="#">压缩袋</a><a href="#">创意闹钟</a><a href="#">浴巾</a><a href="#">床上四件套</a></div>
                        </li>
                        <li>
                        	<p><a href="#">美容保健</a></p>
                        	<div><a href="#">保湿乳液</a><a href="#">隔离霜</a><a href="#">防晒霜</a><a href="#">BB霜</a><a href="#">粉底</a><a href="#">保湿喷雾</a><a href="#">手霜</a><a href="#">洗面奶</a></div>
						</li>
                    </ul>
                </div>
            </div>
		<!--商品分类 end-->  
        <!--热销排行-->    	
			<div class="box">
            	<div class="wintop">
                	<span>热销排行</span>
                    <a class="more" href="#">更多</a>
                    <div class="zclear"></div>
                </div>
                <div class="border">
					<ul class="hot_list">
						<li class="clear">
							<a class="hot_img" href="#"><img src="temps/32.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">贝佳斯超级美白面膜</a>
								<p class="hot_price">￥<span>89</span></p>
								<p class="p_num">已售<span>1326</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="temps/37.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>169</span></p>
								<p class="p_num">已售<span>88</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="temps/36.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">贝佳斯超级美白面膜</a>
								<p class="hot_price">￥<span>89</span></p>
								<p class="p_num">已售<span>112</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="temps/33.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>359</span></p>
								<p class="p_num">已售<span>156</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="temps/34.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>419</span></p>
								<p class="p_num">已售<span>32</span>件</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		 <!--热销排行 end-->   	
        </div>
       <!--sider end-->
        <!--contain start--> 	 
        <div class="contain">
			<div class="goods_info clear">
             <h2 class="g_name">lux-women-925银镶施华洛世奇水晶吊坠-寻找幸福系列</h2>
             <!--商品展示--> 
				<div class="goods_show">
					<a class="zoom_in" href="#">查看大图</a>
					<img class="show_img" src="temps/goods_detail.gif" width="300" height="300" alt="askdjfh " />
					<ul class="img_list clear">
						<li><a title="asdf" href="#"><img alt="dfg" src="temps/28.gif" width="50" height="50" /></a></li>
						<li><a title="asdf" href="#"><img alt="asdf" src="temps/21.gif" width="50" height="50" /></a></li>
						<li><a title="asdf" href="#"><img alt="dfg" src="temps/22.gif" width="50" height="50" /></a></li>
						<li><a title="asdf" href="#"><img alt="dfg" src="temps/28.gif" width="50" height="50" /></a></li>
						<li><a title="asdf" href="#"><img alt="dfg" src="temps/30.gif" width="50" height="50" /></a></li>
					</ul>
				</div>	
             <!--商品展示 end--> 	
             <!--商品信息--> 		
				<div class="goods_detail">
					<ul>
						<li><span class="star_4"></span></li>
						<li>我的价格：<span class="impt">￥<span>89</span></span></li>
						<li>市场价格：<span class="market_price">￥199</span></li>
						<li>商城价格：<span>￥99</span></li>
						<li>品牌：<span>lux-women</span></li>
						<li>已销售：<span>139件</span></li>
						<li>数量：<input name="" type="text" size="5" /></li>
					</ul>
					<div class="action" style="position:relative;">
					  <div class="btn_buy">
					    <a class="buy_btn" href="#"></a>
					    <a class="to_cart" href="#"></a>
					    <a class="collection" href="#"></a>
					  </div>
					  <div style="position:absolute; top:55px; right:0; width:300px;"><!--根据宽度算位置啥的 -->
						<div class="pop_box">
                            <span class="rc-tp"><span></span></span>
                            <div class="hd">
                                <h3><span class="ico_succeed">商品已成功添加到购物车!</span></h3>
                            </div>
                            <div class="bd">
                            <p>购物车共<strong>9</strong>种商品&nbsp;&nbsp;共计:<strong>220.00</strong></p>
                            <div class="tocenter mt_10px"><a class="third mr_10px" href="#"><span>查看购物车</span></a><a class="third " href="#"><span>继续购物</span></a></div>
                            </div>
                        <span class="rc-bt"><span></span></span>
                        </div>
					</div>
					</div>
				</div>
             <!--商品信息 end--> 		
			</div>
          <div class="tips">
            	<p class="tocenter">促销信息2009.12.31前全场任意商品包邮，还可获赠神秘小礼物一份息2009.12.31前全场任意商品包邮!</p>
             </div>
		
			<!--捆绑促销--> 
			<div class="truss clear">
				<h5>捆绑促销</h5>
				<div class="p_box">
					<ul style="width:px;"><!--图片超过5张时，会出现滚动条，需动态给ul一个宽度:默认宽度为530px，增加一张图片和加号宽度增加112px！-->
						<li><a href="#"><img src="temps/goods_detail.gif" width="80" height="80" alt="asdf" /></a><b></b></li>
						<li><a href="#"><img src="temps/21.gif" width="80" height="80" alt="asdf" /></a><b></b></li>
						<li><a href="#"><img src="temps/22.gif" width="80" height="80" alt="asdf" /></a><b></b></li>
						<li><a href="#"><img src="temps/28.gif" width="80" height="80" alt="asdf" /></a><b></b></li>
						<li><a href="#"><img src="temps/30.gif" width="80" height="80" alt="asdf" /></a></li>
					</ul>
				</div>
				<div class="fleft">
					<p>原  价：<span class="line-through">￥4566</span></p>
					<p>促销价：<span class="impt">￥4499</span></p>
					<p class="pad_top"><a class="second" href="#"><span>购买此套餐</span></a></p>
				</div>
			</div>
			<!--捆绑促销 end-->
            <!--评价--> 
			<div class="detail">
				<ul class="tabs clear">
					<li><a class="current" href="#">详细介绍</a></li>
					<li><a href="#">商品评价</a></li>
				</ul>
				<div class="pad">
					<div class="opinion">
						<p><span class="star_4"></span><span class="pad_l">提交人:<span>李思思</span></span><span class="pad_l">时间:2009.10.26 15:23:01</span></p>
						<p>评论内容：<span class="opinion_detail">还真的蛮不错！很漂亮噢，质量也很好</span></p>
						<p>客服回复：<span class="opinion_back">谢谢您的信任，欢迎下次光临！</span></p>
					</div>
					<div class="opinion">
						<p><span class="star_5"></span><span class="pad_l">提交人:<span>李思思</span></span><span class="pad_l">时间:2009.10.26 15:23:01</span></p>
						<p>评论内容：<span class="opinion_detail">还真的蛮不错！很漂亮噢，质量也很好!!!</span></p>
						<p>客服回复：<span class="opinion_back">谢谢您的信任，欢迎下次光临！</span></p>
					</div>
					<div class="opinion">
						<p>翻页：<a class="current">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a></p>
					</div>
					<div class="to_say">
						<p>作者：<input name="" type="text" size="20" /><span class="pad_l">验证码：<input name="" type="text" size="5" /></span><span class="pad_l"><img src="temps/00.jpg" width="59" height="22" alt="看不清，换一个" /></span></p>
						<p>
							<input name="" type="radio" value="" /><label class="star_0"></label>
							<input name="" type="radio" value="" /><label class="star_1"></label>
							<input name="" type="radio" value="" /><label class="star_2"></label>
							<input name="" type="radio" value=""/><label class="star_3"></label>
							<input name="" type="radio" value="" /><label class="star_4"></label>
							<input name="" type="radio" value="" /><label class="star_5"></label>
						</p>
						<textarea name="" cols="" rows="3"></textarea>
						<div class="tocenter mt_10px"><a class="third" href="#"><span>我要评价</span></a></div>
					</div>
				</div>
			</div>
			<!--评价 end--> 
            <!--其他热销商品--> 
			<div class="other">
				<h5>其他热销商品</h5>
				<ul class="show_list clear">
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="temps/26.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">浪漫情怀 Lux-women钻石吊坠 浪漫情书</a>
					  <span class="p_price">￥899</span>
				  </li>
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="temps/27.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">浪漫【patti】月光杯钻石吊坠</a>
					  <span class="p_price">￥1029</span>
				  </li>
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="temps/23.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">张恒福珠宝 感情漩涡珍珠耳环</a>
					  <span class="p_price">￥99</span>
				  </li>
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="temps/24.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">CASIO 卡西欧甜蜜双显女表 </a>
					  <span class="p_price">￥259</span>
				  </li>
				  <li>
					  <a class="p_img" href="#"><img alt="卡西欧白色纯净水晶奢华女表" src="temps/25.gif" width="120" height="120" /></a>
					  <a class="p_name" href="#">张恒福珠宝 感情漩涡珍珠耳环</a>
					  <span class="p_price">￥259</span>
				  </li>
				</ul>
			</div>
			<!--其他热销商品 end--> 
		</div>
        <!--contain end-->
		<div class="Zclear"></div>
    </div>
 <!--main end--> 
 <!--bottom start-->     
    <div class="bottom clear">
    	<ul>
        	<li>
            	<h5 class="bangzhu">购物帮助</h5>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">联系客服人员</a></p>
            </li>
            <li>
            	<h5 class="dinggou">订购方式</h5>
                <p><a href="#">在线订购</a></p>
            </li>
            <li>
            	<h5 class="zhifu">支付方式</h5>
                <p><a href="#">在线汇款</a></p>
            </li>
            <li>
            	<h5 class="peisong">配送方式</h5>
                <p><a href="#">全国配送</a></p>
            </li>
            <li>
            	<h5 class="huiyuan">会员服务</h5>
                <p><a href="#">会员制度</a></p>
                <p><a href="#">贴心服务</a></p>
            </li>
            <li>
            	<h5 class="shanglu">新手上路</h5>
                <p><a href="#">购物流程</a></p>
            </li>
        </ul>
    </div>
 <!--bottom end--> 
<div id="footer">
   <p class="footer_nav te">
        <a href="#">关于好靓</a>
	    <a href="#">广告服务</a>
        <a href="#">合作伙伴</a>
        <a href="#">帮助中心</a>
        <a href="#">诚征英才</a>
        <a href="#">联系我们</a>
        <a href="#">网站地图</a>
        <a href="#">热门品牌</a>
        <a href="#">版权说明</a>
        <a href="#">加入商城</a>
		<a href="#">淘宝客</a>
		<a href="#">交易安全</a>
   </p>
   <div class="copyright">
       <a href="#" class="copy_s1"><img src="images/logo.jpg" width="240" height="65" alt="logo" /></a>
       <p class="copy_text">Copyright 2003-2010, 版权所有 TAOBAO.COM
增值电信业务经营许可证：浙B2-20080224
信息网络传播视听节目许可证：1109364号 </p>
   </div>
</div><!--end footer-->
</div><!--end wrap-->
</body>
</html>
